* {
  box-sizing: border-box;
}

html {
  overflow: hidden;
}

body {
  padding: 0;
  margin: 0;
}

/* scroll-view 不显示滚动条 */
::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: transparent;
}

.show-enter-active {
  transition: opacity .5s;
}

.show-enter {
  top: 100px;
  opacity: 0;
}

.show-leave-active {
  transition: opacity .5s;
}

.show-leave-to {
  opacity: 0;
}

.show-enter-to {
  opacity: 1;
}

/* 超出一行文本隐藏 */
.ov1 {
  overflow: hidden; /*内容溢出隐藏*/
  text-overflow: ellipsis; /*溢出的文本显示为...*/
  display: -webkit-box; /*将div转换为盒子模型*/
  -webkit-line-clamp: 1; /*设置div的文本为2行*/
  -webkit-box-orient: vertical; /*从顶部向底部垂直布置子元素*/
}

/* 选中字体变色 */
.active {
  color: #FF7F50 !important;
}
.red{
  color: red;
}
/* 左右增加5像素 */
.p5 {
  padding: 0 5px;
}

.layout-top {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;

  .size {
    font-size: 17px;
  }


  .icon-xiangzuojiantou {
    margin-right: 15px;
  }

}
